#{extends 'main.html' /}
#{set 'moreStyles'}#{stylesheet 'utilisateur.css' /}#{/set}
#{set title:'Transat' /}

<h2 class="error">Vous devez être connecté pour accéder à cette page.</h2>

<div id="authentification_redirect">
	#{if is_auth}
		vous êtes authentifié ${user.pseudo}
		<a href="@{Secure.logout}">Déconnexion</a>
	#{/if}
	#{else}
		#{form @Secure.authenticate()}
				
			#{if flash.error}
				<p class="error">
					&{flash.error}
				</p>
			#{/if}
			#{if flash.success}
				<p class="success">
					&{flash.success}
				</p>
			#{/if}
		
			<p id="username-field">
				<label for="username">&{'secure.username'}</label>
				<input type="text" name="username" id="username" value="${flash.username}" />
			</p>
			<p id="password-field">
				<label for="password">&{'secure.password'}</label>
				<input type="password" name="password" id="password" value="" />
			</p>
			<p id="remember-field">
				<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
				<label for="remember">&{'secure.remember'}</label>
			</p>
	
			<div id="mdp_perdu"><a href="@{Utilisateurs.mdpPerdu}">Mot de passe oublié ?</a></div>
			
			<p id="signin-field">
				<input type="submit" id="signin" value="&{'secure.signin'}" />
			</p>
			
		#{/form}
	
		<div id="pas_encore_inscrit">
			<a href="@{Utilisateurs.inscription}">Nouveau membre, je m'inscris</a>
		</div>
	#{/else}
</div>